<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <ui:composition template="/resources/templates/install.xhtml">
        <ui:define name="title">Profil</ui:define>
        <ui:define name="content">
            <p:panel id="installPanel" header="Configuration à la base de données mysql">
                <p>Cette étape va permettre de configurer l'accès à la base de données MySQL.</p>
                
                <p>Afin de rendre l'accès à votre base de données possible pour l'application, il faut configurer votre serveur GlassFish.</p>
                <p>Pour cela, rendez-vous à l'adresse <a href="http://#{request.remoteAddr}:4848">#{request.remoteAddr}:4848</a> ou autre selon votre configuration.</p>
                
                <p>Une fois votre configuration réalisée, cliquez sur le bouton 'Test de connexion'.</p>
                <p>Si vous recevez un message d'erreur, vérifiez votre configuration.</p>
                <p>Si tout s'est bien déroulé, vous serez redirigé vers l'étape suivante.</p>
                <h:form id="installForm">
                    <p:toolbar>
                        <f:facet name="left">
                            <p:commandButton id="testDBButton" value="Test de connexion" onstart="PF('dialTestDB').show();" oncomplete="PF('dialTestDB').hide();" actionListener="#{configurationBean.testConnexionDB()}"/>
                        </f:facet>
                        <f:facet name="right">
                            <p:commandButton value="Suivant" iconPos="right" icon="ui-icon-arrowthick-1-e"/>
                        </f:facet>
                    </p:toolbar>
                </h:form>
            </p:panel>  
        </ui:define>
        <ui:define name="dialogs">
            <p:dialog widgetVar="dialTestDB" modal="true" resizable="false" draggable="false" closable="false" showEffect="fade" hideEffect="fade">
                <p>Tentative de connexion à la base de donnée en cours ...</p>
                <p><p:graphicImage width="100%" value="/resources/images/ajaxloadingbar.gif" /></p>
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>
